<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/szz.css" />
		<link rel="stylesheet" href="css/block.css" />
		
		
		<!-- 登录 窗口 js -->
		<script type="text/javascript">
			
			function openLog(){
				var admin = document.getElementById("admin");
				admin.style.display = "inline";
			}
		
		
			function closeLog(){
				var admin = document.getElementById("admin");
				admin.style.display = "none";
			}
			
			//  注册 界面
			function openReg(){
				var register = document.getElementById("register");
				register.style.display = "inline";
			}
			
			function closeReg(){
				var register = document.getElementById("register");
				register.style.display = "none";
			}
		</script>
		
	</head>
	<body>
		
		
				<!-- 登录页面 -->
		<div class="admin" id="admin" >
			
			<div class="login">
				
			<div class="logPanel">
				<img src="images/close.PNG" id="close"  usemap="#map1" />
				<map name="map1" id="map1">
					<area href="#" coords="15,13,10"  shape="circle" onclick="closeLog();" />
				</map>
				<form action="#" method="post">
					登录名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">手机动态密码登陆<img src="images/list_icon.gif" width="13" height="13"/></a><br>
					<input type="text" name="username" placeholder="手机号/会员名/邮箱" size="30"/><br>
					登录密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="aqua"><a href="#">忘记登录密码?</a></font><br>
					<input type="password" name="password"  size="30"/><br>
					<input type="checkbox" name="safeplugin" />安全控件登录<br />
					<input type="submit" value="登录" style="width: 230px; height: 30px;background-color:purple;color:#fff;border: 0px;border-radius: 5px;"/><br />
					<font color="blue" class="font1"><a href="#">二维码登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html">免费注册</a></font>
				</form>
			</div>
		</div>
			
		</div>
		
		<!-- 登录页面 -->
		<div class="register" id="register">
			<div class="regPanel">
				<form action="#">
				<table border="0" cellpadding="0" cellpadding="0">
					<tr><td>用户名：</td><td><input type="text" name="username"size="30"/></td></tr>
					<tr><td>真实姓名：</td><td><input type="text" name="realname"size="30"/></td></tr>
					<tr><td>密码：</td><td><input type="password" name="password"size="30"/></td></tr>
					<tr><td>确认密码：</td><td><input type="password" name="password"size="30"/></td></tr>
					<tr><td>邮箱：</td><td><input type="text" name="username"size="30"/></td></tr>
					<tr>
						<td id="btn" colspan="2">
							<input type="submit" name="submit" value="注册"/>
						    <input type="reset" name="reset" value="重置"/>
						    <input type="reset" name="reset" value="退出" onclick="closeReg();"/>
						</td>
					</tr>
				</table>
				</form>
			</div>
		</div>
		
		
		
		
		<div class="logo" >
			<img src="images/logo.jpg"class="lo"/>
			<ul>
				<li><a href="#" onclick="openLog();">登录</a></li><li><a href="#" onclick="openReg();">注册</a></li>
			</ul>
			
			<img src="images/txtbtn.png" class="text" usemap="#map"/>
			<map id="map" name="map">
				<area shape="rect" href="#" coords="176,4,204,32" />
			</map>
			<input type="text" name="search" id="search" />
			
		</div>	
			
		<!-- the top banner -->
		<div class="nav">
			<ul>
                 <li><a href="Index.html">首&nbsp;&nbsp;页&nbsp;&nbsp;</a></li>
                 <li><a href="xzmh.html">十二星座</a></li>
                 <li><a href="Index.html">星座部落</a></li>
                 <li><a href="Index.html">星座查询</a></li>
                 <li><a href="Index.html">生肖运势</a></li>
                 <li><a href="Index.html">星座职场</a></li>
                 <li><a href="Index.html">星座爱情</a></li>
                 <li><a href="Index.html">星座娱乐</a></li>
                 <li><a href="Index.html">星座排行</a></li>
                 <li><a href="Index.html">星座分析</a></li>
                 <li><a href="Index.html">心理测试</a></li>
                 <li><a href="Index.html">讨论区</a></li>
            </ul>
		</div>
		
			
			<div class="xztp">
				<ul>
			        <li class="left"><a href="#"><img src="images/BaiYang.gif" /></a></li>
			        <li><a href="#"><img src="images/JinNiu.gif" /></a></li>
			        <li><a href="#"><img src="images/ShuangZi.gif" /></a></li>
			        <li><a href="#"><img src="images/JuXie.gif" /></a></li>
			        <li><a href="#"><img src="images/ShiZi.gif" /></a></li>
			        <li><a href="#"><img src="images/ChuNv.gif" /></a></li>
			        <li><a href="#"><img src="images/TianCheng.gif" /></a></li>
			        <li><a href="#"><img src="images/TianXie.gif" /></a></li>
			        <li><a href="#"><img src="images/SheShou.gif" /></a></li>
			        <li><a href="#"><img src="images/MoJie.gif" /></a></li>
			        <li><a href="#"><img src="images/ShuiPing.gif" /></a></li>
			        <li class="right"><a href="#"><img src="images/ShuangYu.gif" /></a></li>
	    		</ul>
			
				<div class="x-left">
					
					<div id="jianjie">
						<h2>狮子座简介</h2>
						<p class="born">狮子座出生日期：7月23日-8月22日</p>
						<p class="detail">狮子座的人热情、阳光、大方是他们性格上最大的特色。 与他们性格上的优点不同，他们爱面子、自信得有点儿自大， 常常会很在乎别人对自己的看法，也常常会因此而使自己不快乐。
					</p>
					<h2 class="texing">狮子座特性</h2>
					<ul>
						<li class="space">关键词：乐趣</li>
						<li>象&nbsp;　&nbsp;征：狮子</li>
						<li class="space">四象性：火</li>
						<li>掌管宫位：第五宫</li>
						<li class="space">阴阳性：阳性</li>
						<li>最大特征：权力</li>
						<li class="space">主管星：太阳</li>
						<li>最大特征：权力</li>
						<li class="space">最大特征：权力</li>
						<li>最大特征：权力</li>
						<li class="space">珠　宝：琥珀</li>
						<li>象&nbsp;　&nbsp;征：狮子</li>
						<li class="space">金　属：黄金</li>
						<li>金　　句：我最大</li>
					</ul>
				</div><!--简介结束-->
			
				<div id="rwtj">
					<img src="images/txt2.PNG"/>
				</div>
			
				<div id="jcwj">
					<img src="images/ktktkt.PNG"/>
				</div>

			</div>
			
			<div class="x-rigth">
					
					
			</div>
			
			
			
		</div>
	</body>
</html>

